<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String contextPath = request.getContextPath();
%>
<html>
<head>
	<title></title>
	<jsp:include page="../main/head.jsp"></jsp:include>
	<script type="text/javascript">
		var action = "ledger";
		
		/* jquery入口*/
		$(function() {
			loadgrid(); //加载datagrid
		});
		/* 加载datagrid列表*/
		function loadgrid(){
		$('#grid').datagrid({
				title : '产品类报表',
				url :  mis.path+'/'+action+'!getBookTypeLedger.action',//'datagridData.json',
				loadMsg : '正在加载…',  //当从远程站点载入数据时，显示的一条快捷信息。
				fit : true,  //窗口自适应
				nowrap: false, //设置为true，当数据长度超出列宽时将会自动截取
				fitColumns : true, // 自动适应列宽								
				singleSelect : true, // 每次只选中一行
				sortName : 'id', //默认排序字段
				sortOrder : 'asc', // 升序asc/降序desc
				striped : true,  // 隔行变色  
				pagination : true,  // 在底部显示分页工具栏
				pageNumber : 1, //初始化页码 
				pageSize : 20,  // 指定每页的大小，服务器要加上page属性和total属性
				pageList : [ 20, 30, 50 ], // 可以设置每页记录条数的列表，服务器要加上rows属性
				//rownumbers : true, // 在最前面显示行号 
				idField : 'id', // 主键属性
				// 冻结列,当很多咧出现滚动条时该列不会动
				columns : [ [ 
					{title : '类目ID', width : '100', field : 'btid', sortable : true}, 
					{title : '书本类别', width : '100', field : 'typeName', sortable : true}, 
				    {title : '销售总量', width : '100', field : 'quantitys', sortable : true}, 
				    {title : '销售总额', width : '100', field : 'totals', sortable : true}, 
				] ],
				// 工具栏按钮
				toolbar: [
					"-", {id: 'refresh',  text: '刷新',	iconCls: 'icon-reload', handler: function () {reload()} } //刷新按钮
					]
		
		
			});
		}
		
		$(function(){
			$.ajax({ 
				   type: "POST", 
				   url: mis.path+"/ledger!getMonthLedger.action", 
				   data: "书本信息", 
				   success: function(res){
					   if(res){
						   var obj = $.parseJSON(res);
						   console.log(obj);
						   total = quantity*book.price;
						   addMoney(total);
				 			$('#grid').datagrid('appendRow', {
				 		        month: "",
					 			number:obj[0],  
					 		    total:obj[1]
					 		});
					   }else{
					   }
				   } 
			});
			
		});
		
		/* 刷新grid*/
		function reload(){
			$('#grid').datagrid('reload');
		}

	</script>
</head>
<body>	
	<div data-options="fit:true, border:false" style="width:100%;height:350px;padding:0px;overflow:hidden">
		<table id="grid"></table>
	</div>
</body>
</html>